<template>
  <div>
    <ul style="list-style:none!important;">
      <router-link to="/film/nowplaying" tag="li" active-class="active">正在热映</router-link>
      <router-link to="/film/comingsoon" tag="li" active-class="active">即将上映</router-link>
    </ul>
  </div>
</template>
<style scoped lang="scss">
ul{
  display: flex;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding-left: 0px;
    li{
      flex: 1;
    }
}

.active{
  color: red;
  border-bottom: 3px solid red;
}
</style>
